<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>gzdxc互联网技术博客</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<style type="text/css">       
html,body{
  margin: 0;           
  padding: 0;
  background-color:#eee8cd;
}    
</style>
</head>
<body>
    <div style="background-color:#fff8dc;height:80px;color:#696969;padding-left:10px;`">
       <div style="float:left;display:inline-block;width:350px;height:60px;margin-top:10px;font-size:33px;">gzdxc互联网技术博客</div>
       <div style="float:left;display:inline-block;width:800px;height:45px;margin-top:25px;">先开始, 创建一个互联网技术博客</div>
    </div>
    <div style="float:left;width:335px;height: 260px;background-color:#fff8dc;margin:10px;border-radius:20px;">
	<a href="" style="float:left;margin-top:100px;margin-left:100px;font-size:20px;text-decoration:none;">系统demo</a>
    </div>
    <div style="float:left;width:335px;height: 260px;background-color:#fff8dc;margin:10px;border-radius:20px;">
	<a href="tech-study/tech-study-home.html" style="float:left;margin-top:100px;margin-left:100px;font-size:20px;text-decoration:none;">技术旅程</a>
    </div>
    <div style="float:left;width:335px;height: 260px;background-color:#fff8dc;margin:10px;border-radius:20px;">
	<a href="" style="float:left;margin-top:100px;margin-left:100px;font-size:20px;text-decoration:none;">服务器端</a>
    </div>
    <div style="float:left;width:335px;height: 260px;background-color:#fff8dc;margin:10px;border-radius:20px;">
	<a href="" style="float:left;margin-top:100px;margin-left:100px;font-size:20px;text-decoration:none;">前端</a>
    </div>
    <div style="float:left;width:335px;height: 260px;background-color:#fff8dc;margin:10px;border-radius:20px;">
	<a href="" style="float:left;margin-top:100px;margin-left:100px;font-size:20px;text-decoration:none;">移动端</a>
    </div>
</body>
</html>
